<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表页</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="viewport"
          content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--1.width=device-width    //应用程序的宽度和屏幕的宽度是一样的
2.height=device-height  //应用程序的高度和屏幕的高是一样的
3.initial-scale=1.0  //应用程序启动时候的缩放尺度（1.0表示不缩放）
4.minimum-scale=1.0  //用户可以缩放到的最小尺度（1.0表示不缩放）
5.maximum-scale=1.0  //用户可以放大到的最大尺度（1.0表示不缩放）
6.user-scalable=no  //用户是否可以通过他的手势来缩放整个应用程序，使应用程序的尺度发生一个改变（yes/no）
    -->
    <!-- 优先使用 IE 最新版本和 Chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <title>表单</title>
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="style/weui.min.css"/>
    <link rel="stylesheet" href="style/style.css"/>
</head>
<body class="skin-gray">
<div class="page">
    <div class="message-list-title"><i class="fa fa-bars"></i> 待处理</div>
    <div class="page__bd">

        <!-- 搜索 -->
        <div class="weui-cells weui-cells_form search-box">
            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="tel" placeholder="请输入编号查询"/>
                </div>
                <div class="weui-cell__ft">
                    <button class="weui-vcode-btn">查找</button>
                </div>
            </div>
        </div>
        <!-- end 搜索-->
        <!--列表-->
        <ul class="message-list">
            <li>
                <a href="">编号:cj201901030001 <span class="list-right">2019.01.03 <i class="icon-right"></i></span></a>
            </li>
            <li>
                <a href="">编号:cj201901030001 <span class="list-right">2019.01.03 <i class="icon-right"></i></span></a>
            </li>
            <li>
                <a href="">编号:cj201901030001 <span class="list-right">2019.01.03 <i class="icon-right"></i></span></a>
            </li>
            <li>
                <a href="">编号:cj201901030001 <span class="list-right">2019.01.03 <i class="icon-right"></i></span></a>
            </li>
        </ul>
        <!-- end 列表-->
        <!--weui框架列表 <div class="weui-cells">
            <div class="weui-cell weui-cell_access">
                <div class="weui-cell__bd">单行列表</div>
                <div class="weui-cell__ft" style="font-size: 0">
                    <span style="vertical-align:middle; font-size: 17px;">详细信息</span>
                    <span class="weui-badge weui-badge_dot" style="margin-left: 5px;margin-right: 5px;"></span>
                </div>
            </div>
        </div>-->
    </div>
</div>
</body>
</html>